<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="utf-8">
  </meta>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  </meta>
  <title>homePage</title>
  <script type="text/javascript" th:inline="JavaScript">
  </script>

</head>

<body>
  <div th:fragment="earlyWaringRectify">
    <!-- 三色预警整改过程-->
    <div class="cd-popup3 earlyWaringRectify-pop earlyWaringRectify" id="earlyWaringRectifyModal">
      <!-- style="display: block;visibility: visible" -->
      <div class="cd-popup-container3 earlyWaringRectifyModal manageModal modalStyle earlyWaringRectifyPopStyle">
        <div class="modal-top"></div>
        <div class="modal-title">整改过程</div>
        <div class="row clearfix textContent">
          <div class="fl" style="width:60%;">
            <div class="col-xs-12">
              <span> 单位名称:</span>
              <span class="unitStr"> 上城区紫阳街道</span>
              <span class="personInCharge"> 负责人/电话:</span>
              <span class="people"> 李四/13333333333</span>
            </div>
          </div>
          <div class="fr " style="width:40%;">
            <div class="col-xs-6">
              <span> 巡查总数:</span>
              <span class="color32 sum"> 6次</span>
            </div>
            <div class="col-xs-6">
              <span> 整改成效:</span>
              <span class="color32 rectification"> 未变化</span>
            </div>
          </div>
        </div>
        <div class="row textContent">
          <div class="col-xs-8 padd26">
            <span> 上报时间:</span>
            <span class="date"> 2018年8月30日</span>
          </div>
        </div>

        <!-- <div id="earlyWaringRectify-content">

        </div> -->

          <div class="swiper-container">
            <div class="swiper-wrapper">

              <div class="swiper-slide">
                <!-- 三色场所信息 -->
                <!-- <div class="threeColor"> -->
                  <!-- 红色高危场所 -->
                  <!-- <div class="highRisk threeColorList">
                    <div class="circles clearfix">
                      <div class="circlesText riskColor">高危场所</div>
                      <div class="bigCircle riskbgc"></div>
                      <div class="circlesLine riskbgc"></div>
                      <div class="smallCircleText riskColor">巡检<span>2</span>次</div>
                      <div class="smallCircle riskbgc"></div>
                      <div class="listDetails">
                        <div class="itemDetails">上报时间 : <span>2018年8月30日</span></div>
                        <div class="itemDetails">危险等级 : <span class="highRiskColor">高危</span></div>
                        <div class="itemDetails">上报人 : <span>小张</span></div>
                        <div class="rectifyPhotoStyle">
                          <ul>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                          </ul>
                        </div>
                      </div>
                    </div>
                  </div> -->
                  <!-- 黄色中危场所 -->
                  <!-- <div class="mediumRisk threeColorList">
                    <div class="circles clearfix">
                      <div class="circlesText riskColor">中危场所</div>
                      <div class="bigCircle riskbgc"></div>
                      <div class="circlesLine riskbgc"></div>
                      <div class="smallCircleText riskColor">巡检<span>2</span>次</div>
                      <div class="smallCircle riskbgc"></div>
                      <div class="listDetails">
                        <div class="itemDetails">上报时间 : <span>2018年8月30日</span></div>
                        <div class="itemDetails">危险等级 : <span class="highRiskColor">较大</span></div>
                        <div class="itemDetails">上报人 : <span>小张</span></div>
                        <div class="rectifyPhotoStyle">
                          <ul>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                          </ul>
                        </div>
                      </div>
                    </div>
                  </div> -->
                  <!-- 绿色一般场所 -->
                  <!-- <div class="generalRisk threeColorList">
                    <div class="circles clearfix">
                      <div class="circlesText riskColor">一般场所</div>
                      <div class="bigCircle riskbgc"></div>
                      <div class="circlesLine riskbgc"></div>
                      <div class="smallCircleText riskColor">巡检<span>2</span>次</div>
                      <div class="smallCircle riskbgc"></div>
                      <div class="listDetails">
                        <div class="itemDetails">上报时间 : <span>2018年8月30日</span></div>
                        <div class="itemDetails">危险等级 : <span class="highRiskColor">一般</span></div>
                        <div class="itemDetails">上报人 : <span>小张</span></div>
                        <div class="rectifyPhotoStyle">
                          <ul>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                          </ul>
                        </div>
                      </div>
                    </div>
                  </div> -->
                <!-- </div> -->
              </div>

            </div>
            <!-- Add Arrows -->
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
          </div>



        <!-- 整改翻页   左 -->
        <!-- <div class="threeColorLeftBtn leftStyle"></div> -->
        <!-- 整改翻页   右 -->
        <!-- <div class="threeColorRightBtn rightStyle"></div> -->
        
      <!-- 关闭 -->
      <a class="cd-popup-close closeModal"></a>
      </div>

    </div>
  </div>
  </div>
</body>

</html>